import style from './style.module.scss'

const Banner = ({ schema }) => {
  const { attributes = {} } = schema
  const { title, description, showSmallPic, smallPicUrl } = attributes

  return (
    <div className={style.banner}>
      <section className={style.person}>
        {showSmallPic ? (
          <img src={smallPicUrl} alt="AiCherish" className={style.avatar} />
        ) : null}

        <p className={style.title}>{title}</p>
        <p className={style.description}>{description}</p>
      </section>
    </div>
  )
}

export default Banner
